<div class="p-3 bg-white sidebar col-md-2" th:fragment="sidebar">
    <div class="d-flex flex-column p-3 bg-white shadow">
        <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
            <img src="https://uni1024.oss-cn-hangzhou.aliyuncs.com/mall-system/public/logo2.png" style="width: 100%; max-height: 150px; margin-inline: auto"/>
        </a>
        <hr>
        <ul class="ms-list-group nav nav-pills flex-column mb-auto">
            <li class="nav-item">

                <a href="#" th:class="${type eq 'dashboard' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=dashboard}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-data" viewBox="0 0 16 16">
                        <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
                        <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
                        <path d="M10 7a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7Zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-3a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1Z"/>
                    </svg>
                    仪表盘
                </a>
            </li>
        </ul>
        <hr>
        <div class="accordion" id="accordionPanelsStayOpenExample">
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
                       用户管理
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
                    <div class="accordion-body">
                        <ul class="list-unstyled">
                            <li class="nav-item">
                                <a href="#" th:class="${type eq 'user' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=user}">
                                    用户信息
                                </a>
                            </li>
                            <li>
                                <a href="#" th:class="${type eq 'user_role' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=user_role}">
                                    用户角色
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                       商城管理
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingTwo">
                    <div class="accordion-body">
                       <ul class="list-unstyled">
                           <li>
                               <a href="#" th:class="${type eq 'provider' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=provider}">
                                   供应商信息
                               </a>
                           </li>
                           <li>
                               <a href="#" th:class="${type eq 'product' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=product}">
                                   商品信息
                               </a>
                           </li>
                           <li>
                               <a href="#" th:class="${type eq 'order' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=order}">
                                   订单信息
                               </a>
                           </li>
                       </ul>
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
                        权限管理
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingThree">
                    <div class="accordion-body">
                        <ul class="list-unstyled">
                            <li>
                                <a href="#" th:class="${type eq 'rolePerm' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=rolePerm}">
                                    角色权限
                                </a>
                            </li>
                            <li>
                                <a href="#" th:class="${type eq 'perm' ? 'nav-link link-dark ms-active' : 'nav-link link-dark'}" th:href="@{/admin.html?type=perm}">
                                    权限列表
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>